<template>
  <div>
    <div class="cc">
      <navb></navb>
    </div>
    <div class="lunbo">
      <el-carousel :interval="5000" arrow="always">
        <el-carousel-item v-for="image in image" :key="image">
          <img :src="image" />
        </el-carousel-item>
      </el-carousel>
    </div>
    <div class="rw">
      <el-affix :offset="50">
        <el-button>
          <div id="move_right" class="hoving">
            <div class="hot">
              <h3>一周热文</h3>
              <ul class="title">
                <li>
                  <a href="https://www.poco.cn/skill/detail_id?article_id=33317"
                    target="_blank">颇可英雄传VOL.25： 玩转城市风光的捕色猎人</a>
                </li>
                <li>
                  <a href="https://www.poco.cn/skill/detail_id?article_id=33318"
                    target="_blank">颇可视觉 | 从记录生活到记录思想，他们用艺术诠释灵魂</a>
                </li>
                <li>
                  <a href="https://www.poco.cn/skill/detail_id?article_id=33319"
                    target="_blank">私塾学员作品 | 江川湖海都浪漫</a>
                </li>
                <li>
                  <a href="https://www.poco.cn/skill/detail_id?article_id=33320"
                    target="_blank">颇可学员采访 | 摄影是一辈子坚持和喜爱的事情</a>
                </li>
                <li>
                  <a href="https://www.poco.cn/skill/detail_id?article_id=33321"
                    target="_blank">颇可视觉 | 我的小小世界</a>
                </li>
                <li>
                  <a href="https://www.poco.cn/skill/detail_id?article_id=33322"
                    target="_blank">颇可精品私塾 | 菜菜：教你如何用照片讲故事！</a>
                </li>
              </ul>
            </div>
            <ul class="ad">
              <li>
                <a href="//www.poco.cn/verified/verified-center?verified_type=user_favourite"
                  target="_blank">
                  <img src="//pic3-nc.pocoimg.cn/image/poco/works/00/2019/0118/21/15478196775583442_64925705.jpg"/>
                </a>
              </li>
            </ul>
            <a href="//www.poco.cn/skill/detail?article_id=30010"
              target="_blank">
              <div class="publist">我要投稿</div></a>
          </div>
        </el-button>
      </el-affix>
    </div>

    <div class="dh">
      <el-tabs v-model="activeName" @tab-click="handleClick">
        <el-tab-pane label="基础理论" name="one">
          <el-container v-for="item in jcll" :key="item">
            <el-aside width="240px">
              <img :src="item.img_url" style="margin-top: 4%" />
            </el-aside>
            <el-main>
              <router-link to="/one">
                <a href=""><span><h2>{{ item.text }}</h2></span></a>
              </router-link>
            </el-main>
          </el-container>
        </el-tab-pane>
        <el-tab-pane label="实战技巧" name="two">
          <el-container v-for="item in szjq" :key="item">
            <el-aside width="240px">
              <img :src="item.img_url" style="margin-top: 4%" />
            </el-aside>
            <el-main>
              <router-link to="/two">
               <a href=""><span><h2>{{ item.text }}</h2></span></a>
              </router-link>
            </el-main>
          </el-container>
        </el-tab-pane>
        <el-tab-pane label="后期教程" name="three">
          <el-container v-for="item in hqjc" :key="item">
            <el-aside width="240px">
              <img :src="item.img_url" style="margin-top: 4%" />
            </el-aside>
            <el-main>
              <router-link to="three">
              <a href=""><span><h2>{{ item.text }}</h2></span></a>
              </router-link>
            </el-main>
          </el-container>
        </el-tab-pane>
        <el-tab-pane label="分享探讨" name="four">
          <el-container v-for="item in fxtt" :key="item">
            <el-aside width="240px">
              <img :src="item.img_url" style="margin-top: 4%" />
            </el-aside>
            <el-main>
              <router-link to="four">
                <a href=""><span><h2>{{ item.text }}</h2></span></a>
              </router-link>
            </el-main>
          </el-container>
        </el-tab-pane>
        <el-tab-pane label="心的点评" name="five">
          <el-container v-for="item in xddp" :key="item">
            <el-aside width="240px">
              <img :src="item.img_url" style="margin-top: 4%" />
            </el-aside>
            <el-main>
              <router-link to="five">
              <a href=""><span><h2>{{ item.text }}</h2></span></a>
              </router-link>
            </el-main>
          </el-container>
        </el-tab-pane>
        <el-tab-pane label="摄影器材" name="six">
          <el-container v-for="item in syqc" :key="item">
            <el-aside width="240px">
              <img :src="item.img_url" style="margin-top: 4%" />
            </el-aside>
            <el-main>
              <router-link to="six">
              <a href=""><span><h2>{{ item.text }}</h2></span></a>
              </router-link>
            </el-main>
          </el-container>
        </el-tab-pane>

        <el-tab-pane label="摄影资讯" name="seven">
          <el-container v-for="item in syzx" :key="item">
            <el-aside width="240px">
              <img :src="item.img_url" style="margin-top: 4%" />
            </el-aside>
            <el-main>
              <router-link to="seven">
              <a href=""><span><h2>{{ item.text }}</h2></span></a>
              </router-link>
            </el-main>
          </el-container>
        </el-tab-pane>

        <el-tab-pane label="专栏专题" name="eight">
          <el-container v-for="item in zlzt" :key="item">
            <el-aside width="240px">
              <img :src="item.img_url" style="margin-top: 4%" />
            </el-aside>
            <el-main>
              <router-link to="eight">
              <a href=""><span><h2>{{ item.text }}</h2></span></a>
              </router-link>
            </el-main>
          </el-container>
        </el-tab-pane>

        <el-tab-pane label="臻选视频" name="nine">
          <el-container>
            <el-aside width="240px">
              <img
                src="https://pic3-nc.pocoimg.cn/image/poco/works/88/2021/0724/16/16271169271736446_201759292_W240.jpg"
                style="margin-top: 4%"
            /></el-aside>
            <el-main>
              <a href=""
                ><span><h2>博文精选 | 用摄影的方式爱上一座城</h2></span>
              </a>
            </el-main>
          </el-container>
          <el-container>
            <el-aside width="240px">
              <img
                src="https://pic3-nc.pocoimg.cn/image/poco/works/80/2021/0706/23/16255862081533868_201759292_W240.jpg"
                style="margin-top: 4%"
            /></el-aside>
            <el-main>
              <a href=""
                ><span><h2>颇可英雄传vol.24：工匠之心，听云之境</h2></span>
              </a>
            </el-main>
          </el-container>
          <el-container>
            <el-aside width="240px">
              <img
                src="https://pic3-nc.pocoimg.cn/image/poco/works/45/2021/0702/16/16252154524615171_201759292_W240.jpg"
                style="margin-top: 4%"
            /></el-aside>
            <el-main>
              <a href=""
                ><span><h2>私塾学员作品 | 努力去拥抱一夏天的风</h2></span>
              </a>
            </el-main>
          </el-container>
          <el-container>
            <el-aside width="240px">
              <img
                src="https://pic3-nc.pocoimg.cn/image/poco/works/96/2021/0621/10/16242411777396062_201759292_W240.jpg"
                style="margin-top: 4%"
            /></el-aside>
            <el-main>
              <a href=""
                ><span
                  ><h2>博文精选 | 如何挽救“天空没有细节”的风光摄影？</h2></span
                >
              </a>
            </el-main>
          </el-container>
          <el-container>
            <el-aside width="240px">
              <img
                src="https://pic3-nc.pocoimg.cn/image/poco/works/44/2018/0305/17/15202419412956987_178570995_W240.jpg"
                style="margin-top: 4%"
            /></el-aside>
            <el-main>
              <a href=""
                ><span
                  ><h2>
                    颇可玩主博文精选 | 人像用光八则！学会你也是大师！
                  </h2></span
                >
              </a>
            </el-main>
          </el-container>
          <el-container>
            <el-aside width="240px">
              <img
                src="https://pic3-nc.pocoimg.cn/image/poco/works/85/2018/0408/18/15231845941806887_178536587_W240.jpg"
                style="margin-top: 4%"
            /></el-aside>
            <el-main>
              <a href=""
                ><span><h2>颇可玩主博文精选 | 你为什么拍不出好照片</h2></span>
              </a>
            </el-main>
          </el-container>
          <el-container>
            <el-aside width="240px">
              <img
                src="https://pic3-nc.pocoimg.cn/image/poco/works/84/2021/0615/18/16237517751816965_201762508_W240.jpg"
                style="margin-top: 4%"
            /></el-aside>
            <el-main>
              <a href=""
                ><span><h2>618特惠，跟刘白打卡沙漠风光！</h2></span>
              </a>
            </el-main>
          </el-container>
          <el-container>
            <el-aside width="240px">
              <img
                src="https://pic3-nc.pocoimg.cn/image/poco/works/75/2021/0526/15/16220129799785935_201759292_W240.jpg"
                style="margin-top: 4%"
            /></el-aside>
            <el-main>
              <a href=""
                ><span><h2>星河坠落海面：梦幻荧光海拍摄全攻略</h2></span>
              </a>
            </el-main>
          </el-container>
          <el-container>
            <el-aside width="240px">
              <img
                src="https://pic3-nc.pocoimg.cn/image/poco/works/74/2021/0604/13/16227852354318413_201759292_W240.jpg"
                style="margin-top: 4%"
            /></el-aside>
            <el-main>
              <a href=""
                ><span><h2>私塾学员作品精选 | 夏天永远值得期待</h2></span>
              </a>
            </el-main>
          </el-container>
          <el-container>
            <el-aside width="240px">
              <img
                src="https://pic3-nc.pocoimg.cn/image/poco/works/70/2021/0603/11/16226923132339553_201759292_W240.jpg"
                style="margin-top: 4%"
            /></el-aside>
            <el-main>
              <a href=""
                ><span><h2>颇可英雄传VOL22：让照片会说话</h2></span>
              </a>
            </el-main>
          </el-container>
        </el-tab-pane>
      </el-tabs>
    </div>
  </div>
</template>

<script>
import navb from "@/components/navb.vue";
export default {
  components: {
    navb,
  },
  data() {
    return {
      image: [
        "https://pic3-nc.pocoimg.cn/image/poco/works/54/2019/0703/09/15621181425686828_200478990.jpg",
        "https://pic3-nc.pocoimg.cn/image/poco/works/64/2019/0620/17/15610246845339763_200967826.jpg",
      ],
      activeName: "one",
      jcll: [
        {
          img_url:
            "https://pic3-nc.pocoimg.cn/image/poco/works/88/2021/0724/16/16271169271736446_201759292_W240.jpg",
          text: "博文精选 | 用摄影的方式爱上一座城",
        },
        {
          img_url:
            "https://pic3-nc.pocoimg.cn/image/poco/works/80/2021/0706/23/16255862081533868_201759292_W240.jpg",
          text: "颇可英雄传vol.24：工匠之心，听云之境",
        },
        {
          img_url:
            "https://pic3-nc.pocoimg.cn/image/poco/works/45/2021/0702/16/16252154524615171_201759292_W240.jpg",
          text: "私塾学员作品 | 努力去拥抱一夏天的风",
        },
        {
          img_url:
            "https://pic3-nc.pocoimg.cn/image/poco/works/75/2021/0526/15/16220129799785935_201759292_W240.jpg",
          text: "星河坠落海面：梦幻荧光海拍摄全攻略",
        },
        {
          img_url:
            "https://pic3-nc.pocoimg.cn/image/poco/works/85/2018/0408/18/15231845941806887_178536587_W240.jpg",
          text: "颇可玩主博文精选 | 你为什么拍不出好照片",
        },
        {
          img_url:
            "https://pic3-nc.pocoimg.cn/image/poco/works/70/2021/0603/11/16226923132339553_201759292_W240.jpg",
          text: "颇可英雄传VOL22：让照片会说话",
        },
        {
          img_url:
            "https://pic3-nc.pocoimg.cn/image/poco/works/96/2021/0621/10/16242411777396062_201759292_W240.jpg",
          text: "博文精选 | 如何挽救“天空没有细节”的风光摄影？",
        },
        {
          img_url:
            "https://pic3-nc.pocoimg.cn/image/poco/works/74/2021/0604/13/16227852354318413_201759292_W240.jpg",
          text: "私塾学员作品精选 | 夏天永远值得期待",
        },
        {
          img_url:
            "https://pic3-nc.pocoimg.cn/image/poco/works/44/2018/0305/17/15202419412956987_178570995_W240.jpg",
          text: "博文精选 | 人像用光八则！学会你也是大师！",
        },
        {
          img_url:
            "https://pic3-nc.pocoimg.cn/image/poco/works/84/2021/0615/18/16237517751816965_201762508_W240.jpg",
          text: "618特惠，跟刘白打卡沙漠风光！",
        },
      ],
      activeName: "two",
      szjq: [
        {
          img_url:
            "https://pic3-nc.pocoimg.cn/image/poco/works/48/2021/0518/15/16213237609029799_201710642_W240.png",
          text: "萤火之夏：唯美暗夜精灵怎么拍？",
        },
        {
          img_url:
            "https://pic3-nc.pocoimg.cn/image/poco/works/56/2020/1110/16/16049978103210871_200134353_W240.jpg",
          text: "手机摄影5大窍门，帮你拍出日常的精彩",
        },
        {
          img_url:
            "https://pic3-nc.pocoimg.cn/image/poco/works/02/2021/0317/16/16159693371202711_200134353_W240.jpg",
          text: "博文精选 |超全星空摄影拍摄技巧",
        },
        {
          img_url:
            "https://pic3-nc.pocoimg.cn/image/poco/works/56/2021/0225/11/16142222411761891_200134353_W240.jpg",
          text: "只需要改变一个角度，让你的照片焕然一新",
        },
        {
          img_url:
            "https://pic3-nc.pocoimg.cn/image/poco/works/73/2020/1216/17/16081118272521980_200134353_W240.jpg",
          text: "博文精选 | 让人心动的【冬日少女写真】怎么拍？",
        },
        {
          img_url:
            "https://pic3-nc.pocoimg.cn/image/poco/works/13/2020/1120/18/16058680469701032_200134353_W240.jpg",
          text: "摄影技巧攻略：落叶拍法，用落叶告别这个秋天！",
        },
        {
          img_url:
            "https://pic3-nc.pocoimg.cn/image/poco/works/04/2020/0925/14/16010153194661447_200134353_W240.jpg",
          text: "博文精选 | 圣米歇尔山与普罗万的时光旅行记",
        },
        {
          img_url:
            "https://pic3-nc.pocoimg.cn/image/poco/works/05/2020/1118/17/16056905567909492_200134353_W240.jpg",
          text: "博文精选|教你拍出满满仪式感的早餐摄影作品",
        },
        {
          img_url:
            "https://pic3-nc.pocoimg.cn/image/poco/works/03/2020/0929/11/16013514164108017_200134353_W240.jpg",
          text: "国庆摄影特辑|告别呆板游客照",
        },
      ],
      activeName: "three",
      hqjc: [
        {
          img_url:
            "https://pic3-nc.pocoimg.cn/image/poco/works/64/2020/1010/16/16023197491808028_200134353_W240.jpg",
          text: "博文精选|马卡龙色系摄影风格",
        },
        {
          img_url:
            "https://pic3-nc.pocoimg.cn/image/poco/works/04/2020/0807/16/15967874737252839_201362414_W240.jpg",
          text: "怎么修出色彩浓郁且具有历史感的故宫人像？",
        },
        {
          img_url:
            "https://pic3-nc.pocoimg.cn/image/poco/works/41/2020/0327/16/15852976254782837_201318833_W240.jpg",
          text: "如何给客片修出杂志感照片",
        },
        {
          img_url:
            "https://pic3-nc.pocoimg.cn/image/poco/works/13/2020/0206/13/15809669099988994_201179572_W240.jpg",
          text: "【PS摄影后期教程】本叔带你玩转“高级灰蓝调 ”!",
        },
        {
          img_url:
            "https://pic3-nc.pocoimg.cn/image/poco/works/99/2020/0108/16/15784718398577884_201179572_W240.jpg",
          text: "简单几招废片变意境大片！",
        },
        {
          img_url:
            "https://pic3-nc.pocoimg.cn/image/poco/works/09/2019/1224/17/15771798658780579_201179572_W240.jpg",
          text: "浓郁唯美枫叶风人像后期调色思路与技巧分享",
        },
        {
          img_url:
            "https://pic3-nc.pocoimg.cn/image/poco/works/34/2019/1205/17/15755382656363648_201179572_W240.png",
          text: "新手教程：阴雨天如何修出质感武侠片？点进来看看",
        },
        {
          img_url:
            "https://pic3-nc.pocoimg.cn/image/poco/works/56/2019/1210/15/15759624114624457_201179572_W240.jpg",
          text: "正值冬季大雪纷飞时，想不想拍出雪天电影感照片？",
        },
      ],
      activeName: "four",
      fxtt: [
        {
          img_url:
            "https://pic3-nc.pocoimg.cn/image/poco/works/01/2021/0406/10/16176771045065942_200134353_W240.jpg",
          text: "颇可摄影技巧攻略 | 下雨天，拍摄可以这样玩",
        },
        {
          img_url:
            "https://pic3-nc.pocoimg.cn/image/poco/works/46/2021/0329/10/16169839683066722_200134353_W240.jpg",
          text: "主题鉴赏 | 被杂志收录的人像摄影作品都长什么样？",
        },
        {
          img_url:
            "https://pic3-nc.pocoimg.cn/image/poco/works/52/2021/0313/20/16156372185817216_200134353_W240.jpg",
          text: "颇可摄影技巧攻略 | 万能拍摄地，你解锁了吗？",
        },
        {
          img_url:
            "https://pic3-nc.pocoimg.cn/image/poco/works/10/2021/0304/18/16148548171064523_200134353_W240.jpg",
          text: "颇可作品主题鉴赏 | 每一种美 都值得被看见",
        },
        {
          img_url:
            "https://pic3-nc.pocoimg.cn/image/poco/works/12/2021/0222/12/16139665672577383_200134353_W240.jpg",
          text: "颇可作品主题鉴赏 | 春风花草香",
        },
        {
          img_url:
            "https://pic3-nc.pocoimg.cn/image/poco/works/58/2021/0115/15/16106941189186733_200134353_W240.jpg",
          text: "ACG摄影作品精选 | 世间红尘 唯有梦永不停歇",
        },
        {
          img_url:
            "https://pic3-nc.pocoimg.cn/image/poco/works/08/2021/0104/10/16097284425995771_200134353_W240.jpg",
          text: "摄影技巧攻略 | 大冬天不暖被，摄影师都去干嘛了？",
        },
        {
          img_url:
            "https://pic3-nc.pocoimg.cn/image/poco/works/58/2019/1014/16/15710409361774602_201179572_W240.jpg",
          text: "作为摄影师，如何对待夜拍人像？",
        },
        {
          img_url:
            "https://pic3-nc.pocoimg.cn/image/poco/works/98/2019/0730/18/15644816803504039_200478990_W240.png",
          text: "猫片拍得多了，这次要停下来跟我云撸猫吗！",
        },
      ],
      activeName: "five",
      xddp: [
        {
          img_url:
            "https://pic3-nc.pocoimg.cn/image/poco/works/51/2020/1127/16/16064674393862359_200134353_W240.jpg",
          text: "国庆特别赛作品展示 | 我和我的祖国",
        },
        {
          img_url:
            "https://pic3-nc.pocoimg.cn/image/poco/works/46/2020/1127/17/16064694435420483_200134353_W240.jpg",
          text: "达物摄影作品精选 | 达物原来还可以这样玩",
        },
        {
          img_url:
            "https://pic3-nc.pocoimg.cn/image/poco/works/00/2020/1110/17/16050001665610135_200134353_W240.jpg",
          text: "生态摄影作品精选 | 镜头里的生态故事",
        },
        {
          img_url:
            "https://pic3-nc.pocoimg.cn/image/poco/works/19/2020/0827/14/15985095962514557_200134353_W240.JPG",
          text: "航拍摄影作品精选|换个角度了解世界",
        },
        {
          img_url:
            "https://pic3-nc.pocoimg.cn/image/poco/works/20/2020/0817/15/15976508038349574_200134353_W240.jpg",
          text: " 颇可人像摄影作品精选| 你的笑容承包了我的夏季！",
        },
        {
          img_url:
            "https://pic3-nc.pocoimg.cn/image/poco/works/62/2020/0817/09/15976283101120634_200134353_W240.JPG",
          text: "颇可玩主摄影作品精选| 梦幻创想曲",
        },
        {
          img_url:
            "https://pic3-nc.pocoimg.cn/image/poco/works/14/2019/1101/18/15726043467536197_201179572_W240.jpg",
          text: "",
        },
      ],
      activeName: "six",
      syqc: [
        {
          img_url:
            "https://pic3-nc.pocoimg.cn/image/poco/works/11/2021/0501/12/16198437702177117_201710813_W240.jpg",
          text: "影视讲座 | 2021神牛影视沙龙讲座全国火热招募中",
        },
        {
          img_url:
            "https://pic3-nc.pocoimg.cn/image/poco/works/70/2020/1012/11/16024751146551803_200134353_W240.jpg",
          text: "玩主博文精选 | 你的第一支第二支镜头怎么购买",
        },
        {
          img_url:
            "https://pic3-nc.pocoimg.cn/image/poco/works/11/2020/0716/14/15948810953452592_201362414_W240.JPG",
          text: "大师推介 | 玛格南大师推荐的“艺盒照片”长什么样？",
        },
        {
          img_url:
            "https://pic3-nc.pocoimg.cn/image/poco/works/79/2018/0420/17/15242172741807965_200330784_W240.png",
          text: "尼康D7200：实用全能的APS-C画幅之王",
        },
        {
          img_url:
            "https://pic3-nc.pocoimg.cn/image/poco/works/44/2018/0305/17/15202419412956987_178570995_W240.jpg",
          text: "双屏•5G 努比亚X星空典藏版盛大发布",
        },
        {
          img_url:
            "https://pic3-nc.pocoimg.cn/image/poco/works/95/2018/1107/11/15415601204481369_200478990_W240.jpg",
          text: "相机推荐丨那些适合新手且性价比极高的入门相机！",
        },
        {
          img_url:
            "https://pic3-nc.pocoimg.cn/image/poco/works/24/2018/0925/16/15378659492447799_200478990_W240.jpg",
          text: "那些迅速让你手机视频水平UP的小工具...全在这了",
        },
        {
          img_url:
            "https://pic3-nc.pocoimg.cn/image/poco/works/01/2018/0813/13/15341390534755970_200478990_W240.jpg",
          text: "摄影小白刚入坑，该如何选购镜头？",
        },
        {
          img_url:
            "https://pic3-nc.pocoimg.cn/image/poco/works/70/2018/0420/14/15242066472753204_178570995_W240.jpg",
          text: "谁是夜拍王？三台旗舰手机的巅峰对决",
        },
        {
          img_url:
            "https://pic3-nc.pocoimg.cn/image/poco/works/63/2018/0419/21/15241448814179262_178570995_W240.jpg",
          text: "手机都能手持58秒拍夜景了 还要相机做甚么？",
        },
      ],
      activeName: "seven",
      syzx: [
        {
          img_url:
            "https://pic3-nc.pocoimg.cn/image/poco/works/88/2021/0724/16/16271169271736446_201759292_W240.jpg",
          text: "博文精选 | 用摄影的方式爱上一座城",
        },
        {
          img_url:
            "https://pic3-nc.pocoimg.cn/image/poco/works/80/2021/0706/23/16255862081533868_201759292_W240.jpg",
          text: "颇可英雄传vol.24：工匠之心，听云之境",
        },
        {
          img_url:
            "https://pic3-nc.pocoimg.cn/image/poco/works/45/2021/0702/16/16252154524615171_201759292_W240.jpg",
          text: "私塾学员作品 | 努力去拥抱一夏天的风",
        },
        {
          img_url:
            "https://pic3-nc.pocoimg.cn/image/poco/works/96/2021/0621/10/16242411777396062_201759292_W240.jpg",
          text: "博文精选 | 如何挽救“天空没有细节”的风光摄影？",
        },
        {
          img_url:
            "https://pic3-nc.pocoimg.cn/image/poco/works/44/2018/0305/17/15202419412956987_178570995_W240.jpg",
          text: "颇可玩主博文精选 | 人像用光八则！学会你也是大师！",
        },
        {
          img_url:
            "https://pic3-nc.pocoimg.cn/image/poco/works/85/2018/0408/18/15231845941806887_178536587_W240.jpg",
          text: "颇可玩主博文精选 | 你为什么拍不出好照片",
        },
        {
          img_url:
            "https://pic3-nc.pocoimg.cn/image/poco/works/84/2021/0615/18/16237517751816965_201762508_W240.jpg",
          text: "618特惠，跟刘白打卡沙漠风光！",
        },
        {
          img_url:
            "https://pic3-nc.pocoimg.cn/image/poco/works/75/2021/0526/15/16220129799785935_201759292_W240.jpg",
          text: "星河坠落海面：梦幻荧光海拍摄全攻略",
        },
        {
          img_url:
            "https://pic3-nc.pocoimg.cn/image/poco/works/74/2021/0604/13/16227852354318413_201759292_W240.jpg",
          text: "私塾学员作品精选 | 夏天永远值得期待",
        },
        {
          img_url:
            "https://pic3-nc.pocoimg.cn/image/poco/works/70/2021/0603/11/16226923132339553_201759292_W240.jpg",
          text: "颇可英雄传VOL22：让照片会说话",
        },
      ],
      activeName: "eight",
      zlzt: [
        {
          img_url:
            "https://pic3-nc.pocoimg.cn/image/poco/works/65/2021/0514/20/16209960148203980_201362414_W240.jpg",
          text: "海信、佳能强强联合，推进消费级8K影像解决方案！",
        },
        {
          img_url:
            "	https://pic3-nc.pocoimg.cn/image/poco/works/48/2021/0421/18/16189999023886639_201697705_W240.png",
          text: "颇可官方社群汇总",
        },
        {
          img_url:
            "https://pic3-nc.pocoimg.cn/image/poco/works/21/2021/0326/19/16167570828882771_201710813_W240.jpg",
          text: "颇可视觉丨从北疆至南疆，让人过目不忘的西域风情",
        },
        {
          img_url:
            "https://pic3-nc.pocoimg.cn/image/poco/works/46/2019/1023/16/15718198303213847_201179572_W240.png",
          text: "这么狂野的年，你肯定还没试过！",
        },
        {
          img_url:
            "https://pic3-nc.pocoimg.cn/image/poco/works/62/2020/1028/16/16038721339729751_200134353_W240.jpg",
          text: "领航影像创作力，智云联合尼康巡回活动广州站开启",
        },
        {
          img_url:
            "https://pic3-nc.pocoimg.cn/image/poco/works/89/2019/1015/16/15711276258884451_201179572_W240.jpg",
          text: "聪明的摄影师已经开始“早鸟计划”啦！",
        },
        {
          img_url:
            "https://pic3-nc.pocoimg.cn/image/poco/works/18/2019/1012/15/15708646712471207_201179572_W240.jpg",
          text: "11月国内拍摄地合集哪里定格秋色燃尽前的辉煌时刻",
        },

        {
          img_url:
            "	https://pic3-nc.pocoimg.cn/image/poco/works/08/2019/1011/17/15707866824923339_200478990_W240.jpg",
          text: "这个中国最唯美的古村落，一到深秋美过九寨沟",
        },
        {
          img_url:
            "	https://pic3-nc.pocoimg.cn/image/poco/works/01/2019/0927/14/15695646638893992_200478990_W240.jpg",
          text: "川西，摄影人的灵感源泉！洗涤心灵的摄影之旅~",
        },
        {
          img_url:
            "https://pic3-nc.pocoimg.cn/image/poco/works/52/2019/0924/14/15693070257820921_200478990_W240.jpg",
          text: "黑科技赋能娱乐手机 索尼Xperia 5惊艳登场",
        },
        {
          img_url:
            "	https://pic3-nc.pocoimg.cn/image/poco/works/13/2019/0927/14/15695665629102399_200478990_W240.jpg",
          text: "邂逅有着原始淳朴气息与法兰西风情的国度",
        },
        {
          img_url:
            "	https://pic3-nc.pocoimg.cn/image/poco/works/66/2019/0906/16/15677591169587438_200478990_W240.jpg",
          text: "2019届国庆摄影大赛即将开幕",
        },
        {
          img_url:
            "https://pic3-nc.pocoimg.cn/image/poco/works/82/2019/0905/18/15676808282843572_200478990_W240.jpg",
          text: "国内这些地方秋景惊艳眼球，再不去拍就来不及了",
        },
        {
          img_url:
            "	https://pic3-nc.pocoimg.cn/image/poco/works/82/2019/0829/15/15670630746147536_200967826_W240.jpg",
          text: "冰岛，必去的理由不止是极光",
        },
        {
          img_url: "",
          text: "",
        },
        {
          img_url: "",
          text: "",
        },
      ],
      activeName: "four",
    };
  },
  methods: {
    handleClick(tab, event) {
      console.log(tab, event);
    },
  },
};
</script>
<style scoped lang="less">
.lunbo {
  margin-left: 7%;
  width: 56%;
  margin-top: 6%;
  line-height: 110px;

  img {
    width: 100%;
    height: auto;
  }
}
.dh {
  margin-left: 7%;
  width: 56%;

  .el-aside {
    background-color: #e9eef3;
    height: 180px;
  }
  .el-main {
    background-color: #e9eef3;
    text-align: center;
    line-height: 80px;
    a {
      color: black;
      text-decoration: none;
    }
  }
}
.rw {
  color: white;
  width: 70px;
  margin-right: 30%;
  margin-top: -20%;
  float: right;
}
.hoving {
  color: black;
  margin-right: 7%;
  .hot {
    height: 250px;
    padding-top: 3%;
  }
  .title {
    text-align: left;
    list-style: none;
    li {
      margin-top: 20px;
    }
  }
  .ad {
    list-style: none;
    margin-left: -30px;
  }
  a {
    color: black;
    text-decoration: none;
  }
}
</style>